<template>
  <div id="app">
  <el-container>
    <el-header>
      <h2>东软HIS</h2>
    </el-header>
  <el-container>
    <el-aside width='200px'>
      <el-menu>
        <el-submenu index="1">
          <template slot="title">
            <span>挂号模块</span>
          </template>
          <el-menu-item> 挂号  </el-menu-item>
          <el-menu-item> 退号 </el-menu-item>
          <el-menu-item> 收费  </el-menu-item>
          <el-menu-item> 退费 </el-menu-item>
        </el-submenu>

        <el-submenu index="2">
          <template slot="title">
            <span>医生模块</span>
          </template>
          <el-menu-item @click="topath('/neudoc/doc01')"> 看诊  </el-menu-item>
          <el-menu-item> 中药处方模版 </el-menu-item>
          <el-menu-item> 西药处方模版  </el-menu-item>
        </el-submenu>

        <el-submenu index="4">
          <template slot="title">
            <span>药房模块</span>
          </template>
          <el-menu-item> 发药  </el-menu-item>
          <el-menu-item> 退药 </el-menu-item>
          <el-menu-item @click="topath('/neupha/drugmage')"> 药品管理  </el-menu-item>
        </el-submenu>
        
        <el-submenu index="6">
          <template slot="title">
            <span>系统信息</span>
          </template>
          <el-menu-item> 常数类别管理  </el-menu-item>
          <el-menu-item @click="topath('/neusys/keshi')"> 科室管理  </el-menu-item>
        </el-submenu>
        
        
      </el-menu>
    </el-aside>

    <el-main>

    <router-view/>
    </el-main>
  </el-container>
  </el-container>
  </div>
</template>

<script>
export default {
  name: 'App',
  methods:{
    topath(url){
      this.$router.replace(url);
    }
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
